import React, { Component } from 'react';
import { Row, Col, Card } from 'antd'
import NumberCard from './NumberCard';
import "./Dashboard";

class Dashboard extends Component {
    constructor(props) {
        super(props)
        console.log(this.props)
    }
    setCurrent() {
        this.setState()
    }
    render() {
      return (
        <Row gutter={24} style={{marginLeft:-12,marginRight:-12}}>
        <Col lg={6} md={12} className="row">
            <NumberCard icon='pay-circle-o' color={{color:"#64ea91"}}
            title="新增收入" number={1000}
            />
        </Col>
        <Col lg={6} md={12}>
            <NumberCard  icon='team' color={{color:"#8fc9fb"}}
            title="新增用户" number={1000}
            />
        </Col>
        <Col lg={6} md={12}>
            <NumberCard icon='pay-circle-o' color={{color:"#d897eb"}}
            title="实时访客" number={1000}
            />
        </Col>
        <Col lg={6} md={12}>
            <NumberCard icon='pay-circle-o' color={{color:"#f69899"}}
            title="订单数量" number={1000}
            />
        </Col>

        <Col lg={24} md={12}>
          <Card bordered={false}
                className=""
                bodyStyle={{
                  padding: 0,
                  height: 360,
                }}
              >
              test block
          </Card>
        </Col>

        </Row>
      );
    }
}
  
export default Dashboard;